<template>
  <div>
      <Cinemas v-for="(v,i) in arr" :key="i" :cinemaname="arr[i].name" :price="arr[i].price" :add="arr[i].add" :distance="arr[i].distance" />
        
        
  </div>
</template>

<script>
import Cinemas from "com/cinemas.vue"
import {getdata} from "@/api/getapi.js"

export default {
    components:{
        Cinemas
    },
     data() {
        return {
            arr:[]
        }
    },
    mounted() {
        getdata("/data/list").then((ok)=>{
            console.log(ok);
            this.arr=ok.data.arr2
            console.log(ok.data.arr2[0].name)
            
        })
    },
}
</script>

<style scoped>
    div{
        margin-top: 50px;
    }
</style>